.mask {
    position:fixed;
    width:100%;
    height:100%;
    background-color:#000;
    opacity:0.3;
    z-index:10000;
    left: 0;
    top: 0;
}
.dialog-box {
    width:310px;
    height:240px;
    position:fixed;
    left:50%;
    top:50%;
    margin-left: -155px;
    margin-top:-120px;
    background-color:#fff;
    z-index:10001;
    border-radius:2px;
}
.dialog-title {
    text-align:center;
    margin-top:20px;
    font-weight:bold;
    color:#888;
    font-size:18px;
}
.dialog-msg {
    text-align:center;
    color:#999;
    margin-top:30px;
}
.i-know {
    margin-top:35px;
    text-align:center;
}
.i-know a {
    display:inline-block;
    height:28px;
    width:120px;
    color:#fff;
    line-height:28px;
    background-color:#eb4b51;
    border-radius:2px;
}
.dialog-hidden {
    display:none;
}
.dialog-success-icon {
    width: 60px;
    height: 62px;
    background-image: url("images/icon.png");
    margin-left: auto;
    margin-right: auto;
    background-position: -884px -149px;
    margin-top: 40px;
    margin-bottom: -20px;
}
.dialog-delete-icon {
    width: 60px;
    height: 62px;
    background-image: url("images/icon.png");
    margin-left: auto;
    margin-right: auto;
    background-position: -884px -70px;
    margin-top: 40px;
    margin-bottom: -20px;
}
.dialog-btn-box {
    margin-top:35px;
    overflow:hidden;
    text-align:center;
}
.dialog-cancel-btn {
    display:inline-block;
    height:26px;
    width:96px;
    color:#888!important;
    line-height:28px;
    background-color:#fff;
    border-radius:2px;
    border:1px solid #ddd;
    vertical-align:middle;
}
.dialog-confirm-btn {
    display:inline-block;
    height:28px;
    width:98px;
    color:#fff!important;
    line-height:28px;
    background-color:#eb4b51;
    border-radius:2px;
    vertical-align:middle;
    margin-left:20px
}

.dialog-confirm-btn:hover {
    background-color: #E42129;
}
.hidden-btn{
    opacity: 0;
    position: absolute;
}